<%@include file="../common/include.jsp"%>

<%@ taglib uri="/WEB-INF/tld/portal.tld" prefix="wps" %> 
<%@ taglib uri="http://www.ibm.com/xmlns/prod/websphere/portal/v61/portlet/ibm-portlet-ext" prefix="portlet-ext" %>
<%@ page import="com.ibm.portal.state.EngineURL" %>

<%@page import="java.util.ArrayList"%>
<%@page import="java.util.List"%>
<%@page import="java.util.Date"%>
<%@page import="java.util.Calendar"%>
<%@page import="com.sss.portalrimac.web.shared.constant.Constant"%>

<portlet:defineObjects/>

<script src='<%=renderResponse.encodeURL(renderRequest.getContextPath() + "/js/jquery-1.4.2.min.js")%>' type="text/javascript" ></script>
<script src='<%=renderResponse.encodeURL(renderRequest.getContextPath() + "/js/jquery.validate.min.js")%>' type="text/javascript" ></script>
<script src='<%=renderResponse.encodeURL(renderRequest.getContextPath() + "/js/messages_es.js")%>' type="text/javascript" ></script>
<script src='<%=renderResponse.encodeURL(renderRequest.getContextPath() + "/js/validation.js")%>' type="text/javascript" ></script>
<script src='<%=renderResponse.encodeURL(renderRequest.getContextPath() + "/js/keypress_validation.js")%>' type="text/javascript" ></script>


<script src='<%=renderResponse.encodeURL(renderRequest.getContextPath() + "/js/jquery-1.4.2.min.js")%>' type="text/javascript" ></script>
<link href='<%=renderResponse.encodeURL(renderRequest.getContextPath() + "/css/general.css")%>' type="text/css" rel="stylesheet" media="all"/>
<link href='<%=renderResponse.encodeURL(renderRequest.getContextPath() + "/css/forms.css")%>' type="text/css" rel="stylesheet" media="all"/>

<!--[if IE]>
<link rel="stylesheet" href='<%=renderResponse.encodeURL(renderRequest.getContextPath() + "/css/ie-only.css")%>' type="text/css" media="screen" />
<![endif]-->

<style>
.formulario label{
	width: 17em; 
}
</style>

<portlet:renderURL var="urlLimpiar">	
</portlet:renderURL>

<portlet:renderURL var="urlChangePersonaNaturalForm"></portlet:renderURL>

<portlet:renderURL var="urlChangePersonaJuridicaForm">
 <portlet:param name="action" value="mostrarFormularioPersonaJuridica"/>	
</portlet:renderURL>

<script type="text/javascript">

function <portlet:namespace/>registrar()
{
	document.getElementById("formRegistroCliente").submit();				
}	 

function <portlet:namespace/>limpiar()
{
	window.location = "${urlChangePersonaJuridicaForm}";
}

function <portlet:namespace/>changeForm(value)
{
	if("1" == value) { window.location = "${urlChangePersonaNaturalForm}"; }
	else { window.location = "${urlChangePersonaJuridicaForm}";	}
}

function <portlet:namespace/>changeValidacion()
{	
	var c = document.getElementById("formRegistroClienteJuridico").datoValidacion;
	var val = c.options[c.selectedIndex].value;
	if (val == "1") {
		$("#<portlet:namespace/>nroPoliza").css("display","none");
		$("#<portlet:namespace/>nroFactura").css("display","block");
	} else {
		$("#<portlet:namespace/>nroPoliza").css("display","block");
		$("#<portlet:namespace/>nroFactura").css("display","none");
	}	
}
</script>

<portlet:actionURL var="actionUrl">
	<portlet:param name="action" value="registrarClienteJuridico"/>
</portlet:actionURL>

<div id="registro_fancy" class="contenedor_fancy">
 <h3>
  <spring:message code="label.registro.titulo"/>
 </h3>
 <div class="contenedor_fancy_main">
  <div class="contenedor_fancy_main_inner">
   <p>
    <spring:message code="label.registro.text01"/>
   </p>
   <div class="contenedor_form_registro">
	<form:form id="formRegistroClienteJuridico" commandName="personaJuridicaCommand" method="post" action="${actionUrl}" acceptCharset="utf-8">
	 <fieldset>
	  
	  <!-- Tipo de Persona -->
      <dl class="clearfix">
	   <dt>
		<label>
		 <spring:message code="label.tipopersona"/>
		</label>
	   </dt>
	   <dd>
	    <select id="${renderResponse.namespace}tipopersona" name="tipopersona" 
	    	onchange="javascript:${renderResponse.namespace}changeForm(this.value);">
	     <option value="1"><spring:message code="label.tipopersona.natural"/></option>
	     <option value="2" selected="selected"><spring:message code="label.tipopersona.juridica"/></option>
	    </select>
	   </dd>
	  </dl>
	  
	  <!-- Tipo de documento -->
	  <dl class="clearfix">
	   <dt>
		<form:label path="tipoDocumento" cssClass="campo_requerido">
		 <spring:message code="label.tipoDocumento"/>
		</form:label>
	   </dt>
	   <dd>
		<form:select path="tipoDocumento" cssClass="required">
       	 <form:option value="1" ><spring:message code="label.tipodocumento.ruc"/></form:option>
        </form:select>	
	   </dd>
	   <form:errors cssClass="error" path="tipoDocumento"/>
	  </dl>
	  
	  <!-- Numero de documento -->
	  <dl class="clearfix">
	   <dt class="campo_requerido">
		<form:label path="numeroDocumento" cssClass="campo_requerido">
		 <spring:message code="label.numeroDocumento"/>
		</form:label>
	   </dt>
	   <dd>
		<form:input path="numeroDocumento" maxlength="11" cssClass="required input_text_box"/>
		<form:errors cssClass="error" path="numeroDocumento"/>
	   </dd>
      </dl>
      
      <!-- Dato de Validacion -->
	  <dl class="clearfix">
	   <dt>
		<form:label path="datoValidacion" cssClass="campo_requerido">
		 <spring:message code="label.datovalidacion"/>
		</form:label>
	   </dt>
	   <dd>
		<form:select path="datoValidacion" cssClass="required" 
			onchange="javascript:${renderResponse.namespace}changeValidacion()" >
		 <form:option value="1" selected="selected">
		 	<spring:message code="label.datovalidacion.factura"/>
		 </form:option>
		 <form:option value="2" ><spring:message code="label.datovalidacion.poliza"/></form:option>
		</form:select>	
	   </dd>
	   <form:errors cssClass="error" path="datoValidacion"/>
	  </dl>
	  
	  <!-- Numero de Poliza -->
	  <dl class="clearfix" id="<portlet:namespace/>nroPoliza">
	   <dt class="campo_requerido">
		<form:label path="poliza" cssClass="campo_requerido">
		 <spring:message code="label.numeropoliza"/>
		</form:label>
	   </dt>
	   <dd>
		<form:input path="producto" cssClass="required input_text_box" size="5px"/>
		<form:input path="poliza" cssClass="required input_text_box" size="10px"/>
		<form:errors cssClass="error" path="poliza"/>
	   </dd>
      </dl>
      
      <!-- Serie y numero de factura -->
	  <dl class="clearfix" id="<portlet:namespace/>nroFactura">
	   <dt class="campo_requerido">
		<form:label path="serieFactura" cssClass="campo_requerido">
		 <spring:message code="label.numerofactura"/>
		</form:label>
	   </dt>
	   <dd>
		<form:input path="serieFactura" cssClass="required input_text_box" size="5px"/>
		<form:input path="numeroFactura" cssClass="required input_text_box" size="10px"/>
		<form:errors cssClass="error" path="numeroFactura"/>
	   </dd>
      </dl>
	  
	  <p>
	   <spring:message code="label.registro.text03"/>
	  </p>
	  
	  <!-- Nombre del contacto -->
	  <dl class="clearfix">
	   <dt class="campo_requerido">
		<form:label path="contacto.nombres" cssClass="campo_requerido">
		 <spring:message code="label.contacto.nombres"/>
		</form:label>
	   </dt>
	   <dd>
		<form:input path="contacto.nombres" cssClass="required input_text_box"/>
		<form:errors cssClass="error" path="contacto.nombres"/>
	   </dd>
      </dl>
      
      <!-- Apellido Paterno del contacto -->
	  <dl class="clearfix">
	   <dt class="campo_requerido">
		<form:label path="contacto.apellidoPaterno" cssClass="campo_requerido">
		 <spring:message code="label.contacto.apellidopaterno"/>
		</form:label>
	   </dt>
	   <dd>
		<form:input path="contacto.apellidoPaterno" cssClass="required input_text_box"/>
		<form:errors cssClass="error" path="contacto.apellidoPaterno"/>
	   </dd>
      </dl>
      
      <!-- Apellido Materno del contacto -->
	  <dl class="clearfix">
	   <dt class="campo_requerido">
		<form:label path="contacto.apellidoMaterno" cssClass="campo_requerido">
		 <spring:message code="label.contacto.apellidomaterno"/>
		</form:label>
	   </dt>
	   <dd>
		<form:input path="contacto.apellidoMaterno" cssClass="required input_text_box"/>
		<form:errors cssClass="error" path="contacto.apellidoMaterno"/>
	   </dd>
      </dl>
      
      <!-- Tipo de documento del contacto -->
	  <dl class="clearfix">
	   <dt>
		<form:label path="contacto.tipoDocumento" cssClass="campo_requerido">
		 <spring:message code="label.tipoDocumento"/>
		</form:label>
	   </dt>
	   <dd>
		<form:select path="contacto.tipoDocumento" cssClass="required">
		 <form:option value="2" ><spring:message code="label.tipodocumento.dni"/></form:option>
		 <form:option value="4" ><spring:message code="label.tipodocumento.carneextranjeria"/></form:option>
		 <form:option value="6" ><spring:message code="label.tipodocumento.pasaporte"/></form:option>option>
        </form:select>
        <form:errors cssClass="error" path="contacto.tipoDocumento"/>	
	   </dd>
	  </dl>
	  
	  <!-- Numero de documento del contacto -->
	  <dl class="clearfix">
	   <dt class="campo_requerido">
		<form:label path="contacto.numeroDocumento" cssClass="campo_requerido">
		 <spring:message code="label.numeroDocumento"/>
		</form:label>
	   </dt>
	   <dd>
		<form:input path="contacto.numeroDocumento" cssClass="required input_text_box"/>
		<form:errors cssClass="error" path="contacto.numeroDocumento"/>
	   </dd>
      </dl>
	  
	  <!-- Email del contacto -->
	  <dl class="clearfix">
	   <dt class="campo_requerido">
		<form:label path="contacto.email" cssClass="campo_requerido">
		 <spring:message code="label.email"/>
		</form:label>
	   </dt>
	   <dd>
		<form:input path="contacto.email" cssClass="required input_text_box"/>
		<form:errors cssClass="error" path="contacto.email"/>
	   </dd>
      </dl>
      
	  <dl class="clearfix">
	   <dt></dt>
	   <dd>
		<label>
		 <spring:message code="label.email.nota"/>
		</label>	   
	   </dd>
	  </dl>
      
      <!-- Cargo en la empresa del contacto -->
	  <dl class="clearfix">
	   <dt class="campo_requerido">
		<form:label path="contacto.cargo" cssClass="campo_requerido">
		 <spring:message code="label.contacto.cargo"/>
		</form:label>
	   </dt>
	   <dd>
		<form:input path="contacto.cargo" cssClass="required input_text_box"/>
		<form:errors cssClass="error" path="contacto.cargo"/>
	   </dd>
      </dl>
      
      <!-- Telefono del contacto -->
	  <dl class="clearfix">
	   <dt>
		<form:label path="contacto.telefono">
		 <spring:message code="label.contacto.telefono"/>
		</form:label>
	   </dt>
	   <dd>
		<form:input path="contacto.telefono" cssClass="input_text_box"/>
	   </dd>
	   <form:errors cssClass="error" path="contacto.telefono"/>
      </dl>
      
      <!-- Anexo del contacto -->
	  <dl class="clearfix">
	   <dt>
		<form:label path="contacto.anexo">
		 <spring:message code="label.contacto.anexo"/>
		</form:label>
	   </dt>
	   <dd>
		<form:input path="contacto.anexo" cssClass="input_text_box"/>
		<form:errors cssClass="error" path="contacto.anexo"/>
	   </dd>
      </dl>
      
	  <p>
	   <spring:message code="label.registro.text02"/>
	  </p>
      
      <!-- Pregunta de seguridad -->
      <dl class="clearfix">
       <dt>
      	<form:label path="preguntaSeguridad" cssClass="campo_requerido">
      	 <spring:message code="label.pregseguridad"/>
      	</form:label>
       </dt>
       <dd>
      	<form:input path="preguntaSeguridad" cssClass="required text input_text_box" size="25px"/>
      	<form:errors cssClass="error" path="preguntaSeguridad"/>
       </dd>
      </dl>
      
      <!-- Respuesta a pregunta de seguridad -->
      <dl class="clearfix">
       <dt>
      	<form:label path="respuestaSeguridad" cssClass="campo_requerido">
      	 <spring:message code="label.pregseguridadresp"/>
      	</form:label>
       </dt>
       <dd>
      	<form:input path="respuestaSeguridad" maxlength="256" cssClass="required text input_text_box" size="25px"/>
      	<form:errors cssClass="error" path="respuestaSeguridad"/>
       </dd>
      </dl>
      
      <!-- Terminos y condiciones -->
      <p>
       <form:checkbox path="aceptaTerminos" cssClass="required"/>
       <form:label path="aceptaTerminos">
        <spring:message code="label.aceptoTerminos"/>
       </form:label>
       <form:errors cssClass="error" path="aceptaTerminos"/>
      </p>
      
      <!-- Desea informacion -->
      <p>
      	<form:checkbox path="deseaInformacion" ></form:checkbox>
      	<form:label path="deseaInformacion">
      	 <spring:message code="label.deseoInformacion"/>
      	</form:label>
      </p>
      
      <p class="clearfix contenedor_botones_enviar_limpiar">
       <button type="submit" class="btn_enviar_submit float_left">
        <span class="hidden">Enviar</span>
       </button>
       <button type="button" class="btn_limpiar_reset float_right" onclick="<portlet:namespace/>limpiar()">
        <span class="hidden">Limpiar</span>
       </button>
      </p>
	 </fieldset>
	 
	 <c:if test="${not empty errorMessage}">
	 	<p><span class="error">*<c:out value="${errorMessage}" /></span></p>
	 </c:if>
	 
	 <div id="resumen-errores" class="errors-summary" style="display:none;">
	  <ol>
	   <form:errors path="*">
		 <c:if test="${fn:length(messages) eq 1}">
		  <script type="text/javascript">
		   $("#resumen-errores").show();
		  </script>
		  <c:forEach items="${messages}" var="message">
		   <li>
		    <em>(*)</em>
		    <c:out value="${message}"/>
		   </li>
		  </c:forEach>		 
		 </c:if>
       </form:errors>
      </ol> 		
	 </div>

	</form:form>
   </div>
  </div>
 </div>
 
 <a href="#" class="close_fancy_rimac" title="Cerrar" onclick="parent.$.fancybox.close(); return false;">
  Cerrar
 </a>	
</div>

<script>
$(document).ready(function() 
{
	$("#fancybox-outer",window.parent.document).css({width:'730px', height : '900px' });
	$("#fancybox-inner",window.parent.document).css({width:'730px', height : '900px' });

	$('input[name=aceptaTerminos]').attr('checked', true);
	$('input[name=deseaInformacion]').attr('checked', true);
	<portlet:namespace/>changeValidacion();
});
</script>